<template>
  <div class="dataLoading"></div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
.dataLoading {
  width: 72px;
  height: 72px;
  background-image: url('../../images/loading_yun.gif');
  background-size: cover;
  animation: identifier 2s infinite;
  position:fixed;
  top:45%;
  left:50%;
  transform: translate(36px, -40px);
}
@keyframes identifier {
  0% {transform: translateX(20px);}
  25% {transform: translateX(-40px);}
  50% {transform: translateX(20px);}
  75% {transform: translateX(-40px);}
  100% {transform: translateX(20px);}
}
</style>
